<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<title>报名</title>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
		<link rel="stylesheet" type="text/css" href="css/slick.css" />
		<link rel="stylesheet" type="text/css" href="css/release.css" />
		<link rel="stylesheet" href="css/g.css">
		<link rel="stylesheet" href="css/s.css">
		<script src="js/release.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/jquery-ui.min.js"></script>
		<script src="js/slick.js"></script>
		<script src="js/scrolloverflow.min.notransition.js"></script>
		<script src="js/g.js"></script>
		<style>
			.room {
				margin-top: 80px;
			}
			
			.room .title {
				text-align: center;
				font-size: 24px;
				color: #333;
				padding-bottom: 54px;
			}
			
			.room_banner {
				clear: both;
			}
			
			.room_banner .frame {
				height: 632px;
				background: no-repeat center center;
				background-size: cover;
			}
			
			.room_banner .frame img {
				border-radius: 20px;
			}
			
			.s_room_banner {
				display: none;
				clear: both;
				height: 632px;
			}
			
			.s_room_banner div {
				height: 100%;
			}
			
			.s_room_banner .frame {
				height: 100%;
				background: no-repeat center center;
				background-size: cover;
			}
			
			#button0 {
				width: 27%;
				height: 30px;
				border: 1px solid;
			}
			
			#txtTitle {
				background-color: #F7F7F7;
				color: #AAAAAA;
				border: solid 1px #029F45;
				height: 2rem;
				width: 270px;
				border-radius: 2pt;
				font-size: 1rem;
			}
			@media (max-width: 1024px) {
				.room_banner {
					display: none;
				}
				.s_room_banner {
					display: block;
				}
			}
		</style>
		<script>
			$(function() {});
		</script>
</head>
<body>
 <!--主体内容 end-->
    <th:block th:include="include :: front-header" /> 		
		<div class="BOX">
			<div style="width: 200px;height: 800px;background-color: #029F45;float: left;"></div>
			<div style="height: 350px;width:500px;float: left;margin-left: 340px;">
				<table style="width: 300px; margin-top: 10%;margin: auto;font-size: 1.3rem;margin-bottom: 20px;">
					<tr>
						<td style="height: 4rem;">姓名：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></td>
					</tr>
					<tr>
						<td style="height: 4rem;">性别：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></textarea>
						</td>
					</tr>
					<tr>
						<td style="height: 4rem;">年龄：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></td>
					</tr>
					<tr>
						<td style="height: 4rem;">出生日期：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></textarea>
						</td>
					</tr>
					<tr>
						<td style="height: 4rem;">身份证号：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></td>
					</tr>
					<tr>
						<td style="height: 4rem;">住址：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></textarea>
						</td>
					</tr>
					<tr>
						<td style="height: 4rem;">邮箱：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></td>
					</tr>
					<tr>
						<td style="height: 4rem;">电话号：</td>
					</tr>
					<tr>
						<td><input type="text" id="txtTitle" /></textarea>
						</td>
					</tr>

				</table>
				<div style="margin-bottom:30px ;margin-left: 186px;">
					<input type="button" name="Release" id="button0" value="报名" onclick="" />
				</div>
			</div>

			<div style="width: 200px;height: 800px;background-color: #029F45;float: right;"></div>
		</div>
<!--主体内容 end-->
<th:block th:include="include:: front-footer" />
</body>

</html>